<div class="dialog" id="dlg_support" data-a11y-dialog="dlg_support" aria-labelledby="dlg_support-title"
	aria-hidden="true">
	<div class="dialog-overlay" data-a11y-dialog-hide></div>
	<div class="dialog-content">
		<header>
			<h3 id="dlg_support-title"><svg xmlns="http://www.w3.org/2000/svg"
					class="icon icon-tabler icon-tabler-coffee" width="24" height="24" viewBox="0 0 24 24"
					stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
					<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
					<path
						d="M3 14c.83 .642 2.077 1.017 3.5 1c1.423 .017 2.67 -.358 3.5 -1c.83 -.642 2.077 -1.017 3.5 -1c1.423 -.017 2.67 .358 3.5 1">
					</path>
					<path d="M8 3a2.4 2.4 0 0 0 -1 2a2.4 2.4 0 0 0 1 2"></path>
					<path d="M12 3a2.4 2.4 0 0 0 -1 2a2.4 2.4 0 0 0 1 2"></path>
					<path d="M3 10h14v5a6 6 0 0 1 -6 6h-2a6 6 0 0 1 -6 -6v-5z"></path>
					<path d="M16.746 16.726a3 3 0 1 0 .252 -5.555"></path>
				</svg> Support me </h3>
			<button data-a11y-dialog-hide><svg class="w-6 h-6" id="close-icon" fill="none" stroke="currentColor"
					viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">
					</path>
				</svg></button>
		</header>
		<section>
			<div class="grid">
				<div>
					<h2 class="_f-center">Thank you!</h2>
				</div>
				<div>

					<p>
						Until now, the number of people who got interested in my projects went way beyond
						my expectations, I'm so happy to see it grow daily! <br>

						If you use any of them or find them valuable, I'll be grateful for your support!
					</p>
				</div>

				<br><br>
				<div>
					<h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
							stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round"
							stroke-linejoin="round">
							<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
							<circle cx="12" cy="12" r="9"></circle>
							<path
								d="M13.867 9.75c-.246 -.48 -.708 -.769 -1.2 -.75h-1.334c-.736 0 -1.333 .67 -1.333 1.5c0 .827 .597 1.499 1.333 1.499h1.334c.736 0 1.333 .671 1.333 1.5c0 .828 -.597 1.499 -1.333 1.499h-1.334c-.492 .019 -.954 -.27 -1.2 -.75">
							</path>
							<path d="M12 7v2"></path>
							<path d="M12 15v2"></path>
							<path d="M6 6l1.5 1.5"></path>
							<path d="M16.5 16.5l1.5 1.5"></path>
						</svg> Free </h3>
				</div>
				<div>
					<p>You can support me for free in these ways : </p>
					<br>

					<p class="_d-flex" style="align-items: center;"> <svg xmlns="http://www.w3.org/2000/svg"
							class="icon icon-tabler icon-tabler-share" width="24" height="24" viewBox="0 0 24 24"
							stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round"
							stroke-linejoin="round">
							<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
							<circle cx="6" cy="12" r="3"></circle>
							<circle cx="18" cy="6" r="3"></circle>
							<circle cx="18" cy="18" r="3"></circle>
							<line x1="8.7" y1="10.7" x2="15.3" y2="7.3"></line>
							<line x1="8.7" y1="13.3" x2="15.3" y2="16.7"></line>
						</svg> &nbsp; Share the projects with others (friends, family or community)</p>
					<p class="_d-flex" style="align-items: center;"> <svg xmlns="http://www.w3.org/2000/svg"
							class="icon icon-tabler icon-tabler-star" width="24" height="24" viewBox="0 0 24 24"
							stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round"
							stroke-linejoin="round">
							<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
							<path
								d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z">
							</path>
						</svg> &nbsp; Star and follow my projects </p>
					<p class="_d-flex" style="align-items: center;"><svg xmlns="http://www.w3.org/2000/svg"
							class="icon icon-tabler icon-tabler-brand-github" width="24" height="24" viewBox="0 0 24 24"
							stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round"
							stroke-linejoin="round">
							<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
							<path
								d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5">
							</path>
						</svg> &nbsp; Contribute by opening issues or making PRs</p>

				</div>

				<br><br>
				<div>
					<h3>
						<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
							stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round"
							stroke-linejoin="round">
							<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
							<path d="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572">
							</path>
							<path
								d="M12 6l-3.293 3.293a1 1 0 0 0 0 1.414l.543 .543c.69 .69 1.81 .69 2.5 0l1 -1a3.182 3.182 0 0 1 4.5 0l2.25 2.25">
							</path>
							<path d="M12.5 15.5l2 2"></path>
							<path d="M15 13l2 2"></path>
						</svg> Donations
					</h3>
				</div>
				<div>
					<p>
						Some of my projects incur costs to stay online. While I can manage these expenses, your support
						is greatly appreciated. If you'd like to contribute, you can do so here:
					</p>
					<br>
					<a href="https://ko-fi.com/d3ward" id="kofi-link" class="btn btn-red" style="--red:#FF5872" target="_blank">
						<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24">
							<path fill="#fff" fill-opacity="1" stroke="#030303" stroke-opacity="1" stroke-width="1"
								d="M21.407 9.597c-.612-3.214-3.847-3.614-3.847-3.614H3.072c-.478 0-.537.628-.537.628s-.065 5.764-.018 9.303c.13 1.908 2.048 2.103 2.048 2.103s6.545-.018 9.474-.038c1.93-.336 2.124-2.02 2.104-2.939 3.446.189 5.876-2.228 5.264-5.443zM12.65 12.36c-.986 1.144-3.175 3.13-3.175 3.13s-.096.093-.246.017c-.06-.044-.085-.07-.085-.07-.351-.347-2.667-2.4-3.194-3.112-.562-.76-.824-2.125-.072-2.92.753-.794 2.379-.854 3.454.32 0 0 1.24-1.402 2.746-.757 1.507.645 1.45 2.37.572 3.392zm4.887.377c-.734.09-1.331.022-1.331.022V8.288h1.401s1.56.433 1.56 2.076c0 1.505-.78 2.099-1.63 2.373z" />
							<path fill="#ff2858" fill-opacity="1" fill-rule="evenodd" stroke="none"
								stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" stroke-width="7.559"
								d="M8.158 14.456c-2.353-2.2-2.67-2.643-2.675-3.737-.002-.653.098-.92.49-1.31.405-.402.655-.49 1.398-.49.752.001 1.1.129 1.645.605l.28.245.432-.324c.537-.403.996-.568 1.578-.565.862.003 1.598.542 1.832 1.34.153.523.105.93-.179 1.54-.158.34-.527.763-1.628 1.866-.783.785-1.559 1.535-1.724 1.666l-.3.239Z"
								paint-order="stroke markers fill" />
						</svg>
						Support me on Ko-fi
					</a>
				</div>

			</div>
		</section>
		<footer>
			<button data-a11y-dialog-hide>
				Close
			</button>
		</footer>
	</div>
</div>